<div class="page page-wishlist">
  <div class="menu-tab">
    <a href="javascript:void(0)" ng-class="{active: type=='product'}" ng-click="changeType('product')" class="menu-item"><span class="text">关注商品(<span>{{products.length}}</span>)</span></a>
    <span class="separater"></span>
    <a href="javascript:void(0)" ng-class="{active: type=='store'}" ng-click="changeType('store')" class="menu-item"><span class="text">关注店铺(<span>{{stores.length}}</span>)</span></a>
  </div>

  <div class="content">
    <div class="products" ng-show="type=='product'">
      <div class="product-list-wrap" ng-show="products.length>0">
        <ul class="product-list">
          <li class="item product-item clearfix" ng-repeat="product in products">
            <div class="image" ng-click="gotoProduct(product.product_id)">
              <img ng-src="{{product.thumb}}">
            </div>
            <div class="info">
              <div class="name auto-cut-word-two-line" ng-click="gotoProduct(product.product_id)">{{product.name}}</div>
              <div class="data clearfix">
                <span class="deliver"></span>
                <span class="minimal" ng-if="product.minimal">{{product.minimal}}个起批</span>
              </div>
              <div class="actions clearfix">
                <div class="price">{{product.price}}</div>
                <a href="javascript:void(0)" class="btn-remove" ng-click="removeProductFromWishlist(product.product_id)">取消关注</a>
              </div>
            </div>

          </li>
        </ul>
      </div>
      <div class="empty" ng-show="products.length == 0">
        <div class="">
          <img src="catalog/view/theme/bhz/m/images/img-empty.png">
          <p>这里真的什么都没有喔～</p>
        </div>
      </div>
    </div>
    <div class="stores" ng-show="type=='store'">
      <div class="vendor-list-wrap" ng-show="stores.length > 0">
        <ul class="vendor-list">
          <li class="vendor-item item" ng-repeat="vendor in stores">
            <a class="vendor-item-link" href="javascript:void(0);" ng-click="gotoVendor(vendor.vendor_id)">
              <table class="vendor-item-table">
                <tr>
                  <td class="left">
                    <img ng-src="{{vendor.thumb}}">
                  </td>
                  <td class="right">
                    <div class="vendor-name">{{vendor.name}}</div>
                    <div class="vendor-products">
                      <div class="product-item" ng-repeat="(key, image) in vendor.products_image track by key">
                        <img ng-src="{{image}}">
                      </div>
                    </div>
                  </td>
                </tr>
              </table>
            </a>
            <a href="javascript:void(0)" class="btn-remove" ng-click="removeStoreFromWishlist(vendor.vendor_id)">取消关注</a>
          </li>
        </ul>
      </div>
      <div class="empty" ng-show="stores.length == 0">
        <div class="">
          <img src="catalog/view/theme/bhz/m/images/img-empty.png">
          <p>这里真的什么都没有喔～</p>
        </div>
      </div>
    </div>
  </div>
</div>
